@charset "utf-8";
/* CSS Document */
/* ============================
         首页样式 index
  ==============================*/

/* 产品中心 products*/
.pro-wrap{}
.product{margin:60px auto 0; width: 1200px;}
.product .con{margin-top:40px; overflow: hidden;}
.pro-list{position: relative; float:left; width:400px; height: 300px; z-index: 1;}
.pro-list img{width: 400px; height: 300px;}

.pro-list .txt{position: absolute; top:0; left:0; padding:40px; display:none; width:320px; height:220px; background:rgba(9,84,167,0.8); z-index:2; cursor:pointer;}
.pro-list .txt h3{height:40px; font-size:18px; line-height:40px;color:#fff;}
.pro-list .txt p{font-size:12px; line-height:24px;  color:#fff;}
.pro-list .txt a{position: absolute; bottom:40px; left:40px; display:block; margin-top:20px;  width: 80px; height:26px; text-align: center; font-size:12px; line-height: 26px; border:1px solid #ccc; color:#ccc;}
.pro-list .txt a:hover{color:#fff;}

/* 成功案例 case*/
.wrap.case-wrap{margin-top:40px; padding-top:40px; background:#f7f7ff;}
.case{width: 1200px; margin:0 auto; background:#f7f7ff;}
.case .con{margin-top:40px; padding-bottom:40px; height:380px;}
.case-list{position: relative; float:left;width: 240px; height:320px;z-index:4;}
.case-pic{position: absolute; width: 240px; height:210px;  z-index: 5;}
.case-pic a{display: block; width: 240px; height: 210px;}
.case-pic a img{width: 240px; height: 210px;}
.case-txt{position: absolute; width: 240px; height:110px; z-index: 5; text-align: center; }
.case-txt h3{height:31px; margin-top:20px;}
.case-txt h3 a{display: block; margin-left:75px; width:90px; height:30px; font-weight:normal; font-size:16px;  line-height: 30px; color:#333; border-bottom:1px solid #666;}
.case-txt a.more{display:block; margin-top:20px; margin-left:80px; width: 80px; height:26px; font-size:12px; line-height: 26px; border:1px solid #ccc; color:#ccc;}

.case-txt.on{background:#094990;}
.case-txt.on h3{}
.case-txt.on h3 a{ border-bottom:1px solid #fff; color:#fff;}
.case-txt.on a.more{ border:1px solid #fff; color:#fff;}


.case-top{top:0; left:0;}
.case-bottom{bottom:0; left:0;}


/* 新闻中心 news-center */
.wrap.news-wrap{margin:40px auto 0; }
.news-center{margin:40px auto; width: 1200px;}
.news-center .con{}


.news-list{float:right; width: 860px; height: 420px;}
.news-list dl{margin-bottom:10px;height:120px; cursor: pointer; }
.news-list dl dd{float:left; width:739px; height:118px; border-top:1px solid #ddd; border-right:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.news-list dl dd h3{height:30px; font-size:16px; line-height: 30px; color: #333; margin:20px 20px 0 20px;}
.news-list dl dd h3 a{color:#333;}
.news-list dl dd p{margin:0px 20px 0 20px; line-height: 18px; color:#999;}
.news-list dl dt{float:right; width: 120px; height: 120px;background:#0a57ad; text-align: center;}
.news-list p.m{margin-top:10px;font-size:20px; line-height: 20px; color:#fff;}
.news-list p.d{margin-top:30px;font-size:30px; line-height: 30px; color:#fff;}

.news-list dl.on{ }
.news-list dl.on dd{background:#f7f7ff; width:739px; height:118px; border-top:1px solid #f7f7ff; border-right:0; border-bottom:1px solid #f7f7ff; border-left:1px solid #f7f7ff;}
.news-list dl.on dd h3{}
.news-list dl.on dd h3 a{}
.news-list dl.on dd p{}
.news-list dl.on dt{}

.news-tab{float:left; width: 320px; height: 420px;}

.w3cFocus{ width:320px;  position:relative;  height:420px; }
.w3cFocus .prev{ position:absolute;  display:block;  right:-60px; bottom:0px; width:40px; height:30px;  background:url(../images/news-btn.png) no-repeat top left;  }
/*.w3cFocus .prev:hover{background:url(../images/news-btn.png) no-repeat bottom left;}*/
.w3cFocus .next{ position:absolute;  display:block; right:-100px; bottom:0px; width:40px; height:30px; background:url(../images/news-btn.png) no-repeat top right;}
/*.w3cFocus .next:hover{background:url(../images/news-btn.png) no-repeat bottom right;}*/




.w3cFocusIn{ width:320px; height:420px; position:relative;  margin:0 auto;  overflow:hidden;  }
.w3cFocusIn .bd li{width: 320px; height: 420px; vertical-align:middle; }

.news-pic{width: 320px; height: 300px;}
.news-pic a{width: 320px; height: 300px;}
.news-pic a img{width: 320px; height: 300px;}
.news-txt{padding:10px; width:300px; height:100px; background:#0a57ad;}
.news-txt h3{line-height:30px; font-weight:normal; font-size:16px; color:#fff;}
.news-txt h3 a{color:#fff;}
.news-txt i{font-size:12px; line-height: 18px; color:#ccc;}
.news-txt p{margin-top:6px;font-size:12px; line-height:18px; color:#fcfcfc;}




/* 关于我们 about-us */
.wrap.about-us-wrap{margin-top:40px;}
.about-us{width: 1200px; margin:0 auto;}
.about-us .con{margin-top:40px;}
.about-us-txt{position: relative;padding:40px;float:left; width:520px; height:200px;}
.about-us-txt p{line-height:24px; font-size: 12px; color: #666;}
.about-us-txt a{position: absolute; left:40px; bottom:60px; display: block; width: 100px; height: 26px; text-align: center; line-height: 26px; border:1px solid #ddd; color:#999;}
.about-us-txt a:hover{color:#094990; border:1px solid #094990;}
.about-us-pic{float:right; width: 560px; height: 280px;}
.about-us-pic a{}
.about-us-pic a img{ width: 560px; height: 280px;}